<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich" xmlns:a4j="http://richfaces.org/a4j">
	
<h:head>
	<!--  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>  -->
	<title><ui:insert name="titulo">
			<h:outputText value="#{msjs.titulo_defecto}" />
		</ui:insert></title>

<h:outputStylesheet library="css" name="visado.css" />
<h:outputStylesheet library="css" name="general.css" />


<script type="text/javascript">
function redireccionar(){
	var url = location.href;
	var str = url.substring(url.indexOf("SAEX_WEB"), url.length);
	url = url.substring(0, url.indexOf("SAEX_WEB"));
	var inicio = str.indexOf("/");
	str= str.substring(0,inicio);
	url = url+str;
	// alert('var inicio ' +inicio+' url samira ' +url +' str '+str);
	 location.href=url;
	   }

	PrimeFaces.locales['es'] = {
		    closeText: 'Cerrar',
		    prevText: 'Anterior',
		    nextText: 'Siguiente',
		    monthNames: ['Enero','Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
		    monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
		    dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
		    dayNamesShort: ['Dom','Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
		    dayNamesMin: ['D','L','M','MI','J','V','S'],
		    weekHeader: 'Semana',
		    firstDay: 1,
		    isRTL: false,
		    showMonthAfterYear: false,
		    yearSuffix: '',
		    timeOnlyTitle: 'Sólo hora',
		    timeText: 'Tiempo',
		    hourText: 'Hora',
		    minuteText: 'Minuto',
		    secondText: 'Segundo',
		    currentText: 'Fecha actual',
		    ampm: false,
		    month: 'Mes',
		    week: 'Semana',
		    day: 'Día',
		    allDayText : 'Todo el día'
	};
	
</script>


</h:head>
<h:body>
	<div id="container">

		<div id="header">

			<div id="logo">
			
				<h:graphicImage library="images" name="bbva.gif"></h:graphicImage>
            </div>

			<div id="titulo">
			     <h:panelGrid columns="2">
			    
				<!--  <h:graphicImage library="images" name="titulo.gif" ></h:graphicImage>--> 
				 <h:panelGrid columns="1" style="padding-left:680px; width:800px;">
				  <h:outputText styleClass="outputText" value="Usuario: ${username}   " /> 
				 <!-- <h:outputText styleClass="outputText" value="Perfil: ${PERFIL_USUARIO}" /> -->	
				 <h:form>			 
				 	<h:commandLink styleClass="outputText" value="Cerrar Sesión" action="#{loginController.logout}"/>
				 </h:form>
		         </h:panelGrid>
				</h:panelGrid>
			</div>

			<div id="banner"></div>

			<div class="clear"></div>
			
          <div id="usuario">
         
			</div>
		</div>

		<div id="menu"  >
			<ui:insert name="menu">

				<ui:include src="menuRight.xhtml" />

			</ui:insert>
		</div>

		<div id="contenido">
			<ui:insert name="contenido"  >

			</ui:insert>
			
			<h:inputHidden value="#{msjs.ambito}" id="idAmbito" />
			
			<script type="text/javascript">
				$ = jQuery;
				$(document).ready(function() {

					//var ambito = $("#idAmbito").attr("value");

					$(".btnOpenDialog").live("click", function()
					{
						var formulariosEnDialog = $(".ui-dialog-content form");
						formulariosEnDialog.each(function(index) 
						{
							var url = location.href;
							var str = url.substring(url.indexOf("SAEX_WEB"), url.length);
							url = url.substring(0, url.indexOf("SAEX_WEB"));
							url = url+str;

							$(this).attr("action", url);
							
						});
						
					});
					
				});
				
			</script>
		</div>

			<div id="footer">
			<ui:insert name="pie">
				<ui:include src="pie.xhtml" />
			</ui:insert>
		</div>
		
		
		 <a4j:region>
        	<script language="javascript">
            // añadimos una función de callback que será invocada 
            // cuando se produzca el evento de sesión caducada
            A4J.AJAX.onExpired = function(loc, expiredMsg){
                // obtenemos el componente que implementa la ventana modal para mostrarlo
                $('sessionTimeOutWindow').component.show();
            }
        	</script>
    	</a4j:region>
 
    <!-- la ventana modal -->                                                        
    <rich:popupPanel id="sessionTimeOutWindow" styleClass="confirm" width="375" height="160"
                     resizeable="false">
        <f:facet name="header">
            <h:outputText value="error.sessionTimeOut.header" />
        </f:facet>
        <h:panelGrid styleClass="confirmContent" rowclasses="wXXL, ">
            <h:panelGrid columns="2">
                <h:outputText styleClass="textMessage" value="#{messages['error.sessionTimeOut.text']}" />
            </h:panelGrid>
          
                <input  id="confirmBackToLogin" type="button" value="error.sessionTimeOut.button"
                        onclick="window.location='#{facesContext.externalContext.requestContextPath}/login.jsf';" />
            
        </h:panelGrid>
    </rich:popupPanel>
<a4j:outputPanel ajaxRendered="true">
    <script type="text/javascript">
        setTimeout("Richfaces.showModalPanel('xxx');", 900000);
    </script>
</a4j:outputPanel>
	</div>



</h:body>

</html>
